/** 排版样式 **/
  .flex1{
	  display: flex;
	  flex: 1;
  }
  .flex2{
	  display: flex;
	  flex: 2;
  }
  .flex-row{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
  }
  .flex-row-between{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
  }
  .flex-row-start{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: flex-start;
  }
  .flex-row-end{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: flex-end;
  }
  .flex-row-start-start{
	  display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	  justify-content: flex-start;
  }
  .flex-row-center-start{
	  display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	  justify-content: center;
  }
  .flex-column{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
  }
  .flex-column-between{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: space-between;
  }
  .flex-column-start{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: flex-start;
  }
  .flex-column-start-start{
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  justify-content: flex-start;
  }
  .flex-column-center-start{
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  justify-content: center;
  }
  
  .request{
	  color: #D94129;
	  padding-right: 10rpx;
  }

// 列表选项卡
.tab-card{
  position: fixed;
  width: 100vw;
  background-color: #F8F8F8;
  margin: 0 25rpx;
  .tab-item{
	  padding: 17rpx 25rpx;
	  height: 77rpx;
	  font-size: 29rpx;
	  border: 1px solid #F8F8F8;
	  color: #556B85;
	  background-color: #F8F8F8;
  }
  .tab-item-active{
	  font-size: 31rpx;
	  font-weight: bold;
	  border: 1px solid #4599AD;
	  color: #4599AD;
	  background-color: rgba(69, 153, 173, 0.10);
	  border-bottom-left-radius: 8rpx;
  }
}


// 列表 展示卡    例：生产入库
.list-card-wrap{
	margin: 0 25rpx;
  .list-card{
	  margin: 16rpx 0;
	  // margin: 17rpx 0;
	  width: 700rpx;
	  background: #FFFFFF;
	  box-shadow: 0rpx 3rpx 13rpx rgba(85,107,133,0.16);
	  padding: 16rpx 25rpx;
	  border-radius: 8rpx;
	  .right-arr{
		  color: #8997A8;
		  font-size: 23rpx;
	  }
	  .content{
		  background-color: #F8F8F8;
		  margin: 16rpx 0;
		  padding: 18rpx 0;
	  }
	  .content-blue{
		  background: linear-gradient(180deg, #EFFDFF 0%, #B5EDFF 100%);;
		  margin: 16rpx 0;
		  padding: 18rpx 0;
	  }
	  .split{
		  height: 68rpx;
		  width: 1rpx;
		  background-color: rgba(43, 46, 49, 0.16);
	  }
	  .botton{
		  width: 124rpx;
		  height: 52rpx;
		  line-height: 52rpx;
		  background: #FFFFFF;
		  border: 1rpx solid #4599AD;
		  color: #4599AD;
		  font-size: 25rpx;
		  border-radius: 8rpx;
		  margin-left: 8rpx;
		  text-align: center;
	  }
	  .p-botton{
		  background: #4599AD;
		  border: 1rpx solid #4599AD;
		  color: #fff;
	  }
	  .content-input{
		  text-align: center;
		  border-bottom: 1rpx solid #4599AD;
		  margin: 0 20rpx;
	  }
  }
  // .list-card + .list-card{
	 //  margin-top: 16rpx;
  // }
}

/** 渐变背景 **/
.gradient-bg{
	width: 100vw;
	display:inline-block;
	// height: 254rpx;
	background: linear-gradient(to bottom, #75BED0 0%, #F8F8F8 254rpx);
	// position: fixed;
	// top: 0;
	// left: 0;
}

/** 标签 **/
.tag{
  width: 158rpx;
  height: 48rpx;
  background-color: rgba(69, 153, 173, 0.12);
  color: #458B9C;
  font-size: 23rpx;
  line-height: 48rpx;
  text-align: center;
  border-radius: 24rpx;
}
.tag-gray{
  background: rgba(27,101,119,0.12);
  color: #FFFFFF;
}

/** 扫描输入框 **/
.s-input-wrap{
	background-color: #FFFFFF;
	padding: 0 25rpx;
	margin: 16rpx 25rpx;
	.s-input-box{
		height: 92rpx;
		.s-input-icon{
			width: 36rpx;
			height: 36rpx;
		}
		.s-input{
			text-align: right;
			padding: 0 16rpx;
			// font-family: PingFang SC;
		}
	}
	.s-input-box + .s-input-box{
		border-top: 1px solid rgba(137, 151, 168, 0.20);
	}
}

/** 详情 列表 展示卡 **/
.content-list-card{
	width: 700rpx;
	padding: 25rpx;
	margin: 16rpx 25rpx;
	background-color: #FFFFFF;
	.card{
		width: 650rpx;
		border-radius: 8rpx;
		border: 1rpx solid rgba(137,151,168,0.2);
		background-color: #FCFDFE;
		.title{
			padding: 0rpx 25rpx;
			height: 80rpx;
			line-height: 80rpx;
			background: linear-gradient(90deg, #E9FCFF 0%, #F6FEFF 100%);
		}
		.delete-icon{
			width: 24rpx;
			height: 28rpx;
		}
		.edit-icon{
			width: 32rpx;
			height: 32rpx;
		}
		
		.content{
			margin: 25rpx 0;
		}
		.content + .content{
			border-left: 1px solid rgba(137,151,168,0.2);
		}
		.content-input{
			width: calc(100% - 50rpx);
		    text-align: center;
		    border-bottom: 1rpx solid #4599AD;
		    margin: 0 25rpx;
		}
		.split{
			border-bottom: 1px solid rgba(85,107,133,0.16);
		}
	}
	.card + .card{
		margin: 16rpx 0;
	}
}
.q-tag{
	width:130rpx;
	height: 50rpx;
	line-height: 50rpx;
	background-color: #E2FFE8;
	color: #1BB23A;
	font-size: 34rpx;
	text-align: center;
}
.q-tag-red{
	background-color: #FEE7E7;
	color: #D94129;
}

/** 详情 合计 **/
.content-list-total{
	position: fixed;
	bottom: 0;
	width: 100vw;
	height: 92rpx;
	line-height: 92rpx;
	padding: 0 25rpx;
	background: #FFFFFF;
	box-shadow: 0rpx -3rpx 13rpx rgba(137,151,168,0.16);
}



/** 文字样式 **/
.black-text-34{
  color: #0D1116;
  font-weight: 400;
  font-size: 34rpx;
}
.gray-text{
  color: #8997A8;
  font-size: 24rpx;
}
.black-text{
  color: #0D1116;
  font-size: 30rpx;
  font-weight: 400;
}
.blue-text{
  color: #458B9C;
  font-size: 30rpx;
}
.white-text{
  color: #FFFFFF;
  font-size: 30rpx;
}
.font-24{
	font-size: 24rpx;
	line-height: 1.5;
}
.font-30{
	font-size: 30rpx;
}
.font-34{
	font-size: 34rpx;
}
.font-38{
	font-size: 38rpx;
}


.botton{
  min-width: 99rpx;
  height: 60rpx;
  line-height: 60rpx;
  padding: 0 16rpx;
  background: #FFFFFF;
  border: 1rpx solid #4599AD;
  color: #4599AD;
  font-size: 30rpx;
  border-radius: 8rpx;
  margin-left: 8rpx;
  text-align: center;
}
.p-botton{
  background: #4599AD;
  border: 1rpx solid #4599AD;
  color: #fff;
}
.botton-big{
	width:700rpx;
	height: 75rpx;
	line-height: 75rpx;
}

.table-wrap{
	width: 700rpx;
	margin: 0 25rpx;
}
	  
// .text-center {
// 	text-align: center;
// }

// .font-13 {
// 	font-size: 13px;
// }

// .font-12 {
// 	font-size: 12px;
// }

// .font-11 {
// 	font-size: 11px;
// }

// .text-grey1 {
// 	color: #888;
// }
// .text-grey2 {
// 	color: #aaa;
// }

// .list-cell-arrow::before {
//     content: ' ';
//     height: 10px;
//     width: 10px;
//     border-width: 2px 2px 0 0;
//     border-color: #c0c0c0;
//     border-style: solid;
//     -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
//     transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
//     position: absolute;
//     top: 50%;
//     margin-top: -6px;
//     right: 30rpx;
//   }
  
//   .list-cell {
//     position: relative;
//     width: 100%;
//     box-sizing: border-box;
//     background-color: #fff;
//     color: #333;
//     padding: 26rpx 30rpx;
//   }
  
//   .list-cell:first-child {
//     border-radius: 8rpx 8rpx 0 0;
//   }
  
//   .list-cell:last-child {
//     border-radius: 0 0 8rpx 8rpx;
//   }
  
//   .list-cell::after {
//     content: '';
//     position: absolute;
//     border-bottom: 1px solid #eaeef1;
//     -webkit-transform: scaleY(0.5) translateZ(0);
//     transform: scaleY(0.5) translateZ(0);
//     transform-origin: 0 100%;
//     bottom: 0;
//     right: 0;
//     left: 0;
//     pointer-events: none;
//   }
  
  
//   .menu-list {
//     margin: 15px 15px;
  
//     .menu-item-box {
//       width: 100%;
//       display: flex;
//       align-items: center;
  
//       .menu-icon {
//         color: #007AFF;
//         font-size: 16px;
//         margin-right: 5px;
//       }
      
//       .text-right {
//         margin-left: auto;
//         margin-right: 34rpx;
//         color: #999;
//       }
//     }
//   }
  
  
//   .form-wrap{
// 	  background: #FFFFFF;
// 	  border-radius: 8rpx;
// 	  box-shadow: 0rpx 3rpx 12rpx rgba(85,107,133,0.16);
// 	  padding: 0 24rpx 0rpx;
// 	  margin: 24rpx 24rpx 50rpx;
// 	  .label{
// 		  font-size: 24rpx;
// 		  color: #304156;
// 		  padding: 14rpx 0;
// 	  }
// 	  .request{
// 		  color: #FF2929;
// 		  margin-right: 10rpx;
// 	  }
// 	  .input-wrap{
// 		  font-size: 28rpx;
// 		  height: 88rpx;
// 		  line-height: 88rpx;
// 		  border-radius: 8rpx;
// 		  padding: auto 24rpx;
// 		  background-color: #F2F6F8;
// 		  .input{
// 			  margin: auto 24rpx;
// 			  width: 100%;
// 			  height: 88rpx;
// 			  line-height: 88rpx;
// 		  }
// 	  }
// 	  .submit-btn{
// 		  width: 496rpx;
// 		  height: 88rpx;
// 		  line-height: 88rpx;
// 		  color: #fff;
// 		  font-size: 30rpx;
// 		  background-color: #4599AD;
// 		  border-radius: 8rpx;
// 		  top: 50rpx;
// 	  }
//   }

.s-input-icon {
    width: 36rpx;
    height: 36rpx;
}
.s-w{
	position: relative;
	.s-i{
		position: absolute;
		right: 10rpx;
		top: 26rpx;
	}
}

.clear-icon {
	margin-left: 10rpx;
	width: 50rpx!important;
	height:50rpx!important;
}

.tb-auto-height #tableBody .item-td{
	height: auto!important;
	line-height: normal!important;
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
	white-space: pre-wrap!important; /* 保留空格和换行符，自动换行 */
	  word-break: break-word!important;
}

.sinput-fixed-w{
	margin:10rpx; 
	position: fixed; 
	/* #ifdef H5 */
	top: 154rpx;
	/* #endif */
	/* #ifndef H5 */
	top: 67rpx;
	/* #endif */
	display: flex;
	width: 100%; 
	background-color: #f6f6f6; 
	padding-right: 40rpx;
}
.sinput-fixed{
	flex: 1; background-color: #fff; padding-right: 20rpx;
}
.no-table-data{
	display: flex;
	justify-content: center;
	align-items: center;
	text{
		color:#ccc
	}
}

.clear-icon {
	margin-left: 10rpx;
	width: 50rpx!important;
	height:50rpx!important;
	// position: absolute;
	// right: 60rpx;
	// top: 20rpx;
}

.black-text-34{
	font-size: 26rpx!important;
}